@charset "UTF-8";
// 内容部分宽度1200的设置
.sd_content{
  @extend %containerWidth;
  @extend %relative;
  @extend %ovh;
}
.sd_container{
  background-color:#fff;
  padding-bottom: 25px;
}
//白色背景
.white_bg{
  background-color:#fff;
}
// 首页有缩进的样式
.sd_content_padding{
  padding:34px 0 0;
  margin:0 48px;
  &.one{
    border-top:1px dotted #dcdcdc;
  }

}
// 字体加深加粗

.sd_bold{
  color:$text_color;
  @extend %fwb;
}

// 覆盖下拉框的选中颜色
.el-select-dropdown__item{
  &.selected,&.selected.hover{
    background-color:$base_color;
  }
}
// 选项的版型
.sd_choices{
  padding:0 36px;
  @extend %ovh;
  li{
    @extend %relative;
    @extend %display;
    @extend %vam;
    margin-right:30px;
    margin-bottom:6px;
    line-height:24px;
  }

}
.sd_choice_no_padding{
  padding:0;
  @extend %ovh;
  @extend %relative;
  li{
    @extend %display;
    margin-right:30px;
    margin-bottom:10px;
  }
}
// 题组题中每个小题
.sd_child_ques_items{
  li{
    @extend %relative;
    margin-bottom:10px;
    p{
      line-height:30px;
    }
    .sd_choice_ques_num{
    }
    .sd_choice{
      padding:0 36px;
      @extend %ovh;
      li{
        @extend %float;
        margin-bottom:10px;
        margin-right:30px;
      }
    }

  }


}
//试题版型
.sd_li_4a{
  width:20%;
}
.sd_li_2a{
  width:40%;
}
.sd_li_1a{
  width:90%;
}
// 展开详情页面
// 展开按钮
.sd_ques_down_btn{
	&:after{
		content:'\e60b';
		@extend %fontSize16;
	}
}

// 收缩按钮
.sd_ques_up_btn{
	&:after{
		content:'\e614';
		@extend %fontSize16;
	}
}
// hide
.sd_unshow{
	display:none;
}

//返回顶部按钮
.backTop{
  position:fixed;
  background-color:$base_color;
  opacity:0.5;
  right:100px;
  bottom:150px;
  width:50px;
  @include height(true, 50px, 50px);
  border-radius: 100%;
  cursor:pointer;
  transition: 0.3s;
  .el-icon-caret-top{
    display: block;
    @extend %textAlign;
    @extend %fontSize22;
    @include height(true, 50px, 50px);
    color:#fff;
  }
}

//暂无数据的样式
.sd_nonData{
  @extend %textAlign;
  @include height(true, 70px, 70px);
  margin:0 auto;
  &.iconfont{
    @extend %fontSize14;
    color:#8c8c8c
  }
  &:before{
    content:'\e68b';
    color:$jige_color;
    font-size:36px;
    margin-right:10px;
    @extend %vam;
  }
}
//弹出框的高度限制
.el-dialog{
  //max-height:800px;
  //overflow-y: auto;

.sd_ques_item{
  max-height: 500px;
  overflow-y: auto;
}

}
.el-dialog--tiny{
  width:576px;
}
//首页无数据的样式
.gradient_color{
  @extend %relative;
  background:linear-gradient(#c8fef5, #fff);
  height:100%;
}
.sd_nodata_pic_tree{
  @extend %absolute;
  bottom:-4px;
  left:0;
  width:100%;
}
.sd_nodata_pic_cloud{
  @extend %absolute;
  top:10%;
  left:250px;
}
.sd_nodata_alert_text{
  padding-top:12%;
  @extend %textAlign;
  span{
    color:#187a6a;
    @extend %fontSize24;
  }
  h3{
    color:#187a6a;
    @extend %fontSize30;
    margin:20px 0 30px;
  }
  .sd_nodata_btn{
    @extend %display;
    width:270px;
    @include height(true, 40px, 40px);
    @extend %fontSize18;
    background-color: #ffba00;
    color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
  }
}
img[src=""]{
  opacity:0;
}
//公式的样式
div{
  .MJXc-display{
    display:inline;
  }
}
//试题详情弹窗
//弹窗顶部灰色背景，然后标题居中的样式
.sd_ques_info_pop{
  .el-dialog__header{
    padding:0 20px;
    @include height(ture,50px,50px);
    @extend %textAlign;
    background-color:#efefef;
    .el-dialog__headerbtn{
      background-color:transparent;
    }
  }
  .el-dialog__footer{
    @extend %textAlign;
    padding:0 0 42px;
    button+button{
      margin-left:80px;
    }
  }
  .el-dialog--small{
    width:1182px;
    .el-dialog__body{
      padding:38px 54px;
    }
  }
}
//查看解析或者是所有弹窗的最大高度
.sd_dialog_maxHeight{
  .el-dialog__body{
    max-height: 588px;
    overflow-y:auto;
  }
  .el-dialog__footer{
    padding:10px 0 40px;
    //background-color: #efefef;
  }
}


.el-dialog__headerbtn{
  background-color: transparent;
}
.sd-el-dialog__wrapper{
  z-index:20200 !important;
}
//上传Excel插件样式
.upload-demo{
  .el-upload--text{
    width:100%;
    .el-upload-dragger{
      margin:0 auto;
    }
  }
  .sd_down_excel{
    @extend %display;
    @extend %textAlign;
    width:80px;
    @include height(true, 34px, 34px);
    background-color: $base_color;
    color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left:228px;
    &:hover{
      color:#fff;
    }
  }
}
//试卷查看页面发布作业的弹窗
.sd_dialog__small_size{
  .el-dialog--small{
    width:800px;
    .el-dialog__headerbtn{
      background-color:transparent;
    }
    .el-dialog__body{
      padding:30px 20px 50px;
    }
  }
}
//内容撑开 防止footer闪现
#content{
  min-height:-moz-calc(100vh - 210px);
  min-height:-webkit-calc(100vh - 210px);
  min-height:calc(100vh - 210px);
  .sd_content{
    min-height:-moz-calc(100vh - 210px);
    min-height:-webkit-calc(100vh - 210px);
    min-height:calc(100vh - 210px);
  }
}



//教师端测试中心班级名称宽度限制
.class_name{
  @extend %display;
  max-width:270px;
  @extend %ellipsis;
  @extend %vam;
}

.class_s_name{
  @extend %display;
  max-width:190px;
  @extend %ellipsis;
  @extend %vam;
}
.test_finished{
  @extend %fontSize12;
  color:$difen_color;
}
.el-picker-panel__footer{
  .el-picker-panel__link-btn{
    display: none;
  }
}

//弹框的层级
.el-message-box__wrapper{
  z-index:20011;
}
//校长端轮播添加背景
.el-carousel__item{
  background-color: #fff;
}

//试卷打印
.print_btn {
  display: block;
  position: absolute;
  padding: 10px 15px;
  background-color: #00c3a3;
  color: #fff;
  right: 30px;
  top: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  &:hover{
    color:#fff;
  }

}

@media print {
  .print_btn {
    display: none;
  }
  @page
  {
    size: auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
  }
}

//穿梭框插件
.el-transfer-panel {
  border: 1px solid #d1dbe5;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  display: inline-block;
  vertical-align: middle;
  width: 260px;
  box-sizing: border-box;
  position: relative;
  .el-transfer-panel__header {
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding-left: 212px;
    border-bottom: 1px solid #d1dbe5;
    box-sizing: border-box;
    background-color: #e5e5e5;
    color: $text_color;
  }
  .el-transfer-panel__footer {
    height: 36px;
    line-height: 36px;
    background: #fff;
    margin: 0;
    padding: 0;
    border-top: 1px solid #d1dbe5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    .el-checkbox {
      padding-left: 20px;
      color: #8391a5;
      position: relative;
      cursor: pointer;
      display: inline-block;
      white-space: nowrap;
    }
  }
  .el-checkbox__inner {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    border: 1px solid #bfcbd9;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
    &:after{
      left:3px;
      top:-1px;
    }
    .el-checkbox__original {
      opacity: 0;
      outline: none;
      position: absolute;
      margin: 0;
      width: 0;
      height: 0;
      left: -999px;
    }
  }
}

.el-transfer-panel__body {
  padding-bottom: 36px;
  height: 246px;
}

.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: 246px;
  overflow: auto;
  box-sizing: border-box;
  list-style: none;
}

.el-transfer-panel__item{
  height: 32px;
  line-height: 32px;
  padding-left: 20px;
  display: block;
  &.el-checkbox {
    color: #48576a;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
  }
  .el-checkbox__input {
    position: absolute;
    top: 9px;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  }
  .el-checkbox__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    box-sizing: border-box;
    padding-left: 28px;
  }
}
.el-transfer-panel__item + .el-transfer-panel__item {
  margin-left: 0;
}



.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  .el-button:first-child {
    margin-bottom: 6px;
  }
  .el-button {
    display: block;
    margin: 0 auto;
    padding: 8px 12px;
    &.is-disabled{
      color: #bfcbd9;
      cursor: not-allowed;
      background-image: none;
      background-color: #eef1f6;
      border-color: #d1dbe5;
    }
  }
}
